<section class="listSection">
  <div class="listNav">
  </div>

  <section class="content selectContent">
    <div class="row">
      <div class="listBackgroungSelect text-center">
        <span>查询条件</span>
      </div>
      <div class="col-md-12 col-sm-12 col-xs-12 listSectionSelect">
        <form #Water="ngForm" (ngSubmit)="listMessage(Water.value)" class="form-inline">
          <div class="row">
            <div class="form-group search-list">
              <label>查询类型：</label>
              <select [(ngModel)]="menuStatus" name="menuStatus" class="form-control selectStyle">
                <option value="11">实时数据</option>
                <option value="0" >分钟数据</option>
                <option value="1"  selected = "selected">小时数据</option>
                <option value="2">日数据</option>
              </select>
            </div>
            <div class="form-group search-list">
              <label>开始时间：</label>
              <input type="text" [(ngModel)]="statrTime" class="form-control" id="startTime" (change)="aaa($event)"
                     name="startTime" style="background-color: rgba(72,172,194,0.8);border: 1px solid #41a1b8;" >
            </div>
            <div class="form-group search-list-btn">
              <button class="btn selectButtonOfA search-btn" type="submit">查询</button>
            </div>
          </div>
          <div class="row">
            <div class="form-group search-list">
              <label>结束时间： </label>
              <input [(ngModel)]="endTime" name="endTime"  id="endTime" type="text" class="form-control"
                     style="background-color: rgba(72,172,194,0.8);border: 1px solid #41a1b8;">
            </div>
            <div class="form-group search-list">
            </div>
            <div class="form-group search-list search-list-btn ">
              <button class="btn selectButtonOfA reset-btn"  type="reset" >清除</button>
            </div>
          </div>
        </form>
      </div>
    </div>
  </section>


  <section class="content">
    <div class="row">
      <div class="listBackgroungSelect text-center">
        <button (click)="Back()" id="aaa" style="margin-left: 15px">返回</button>
        <span>历史数据</span>
      </div>
      <div class="col-md-12 col-sm-12 col-xs-12">
        <div class="table_top">
          <!--<span>监控污染源数：{{pollutionInfoNum}}</span>-->
          <button class="aaa" id="aaa1" (click)="export()">导出</button>
        </div>
          <div class="box-body">
            <table border="1" cellspacing="0"  class="table text-center listTable">
              <tr>
                <th  *ngFor="let head of heads">{{head}}</th>
              </tr>
              <tbody>
              <tr *ngFor="let dataList of DataList;">
                <td *ngFor="let properties of Properties;let a =index">
                  <span *ngIf="!(isArray(dataList[properties]))">{{dataList[properties]}}</span>
                  <span *ngIf="isArray(dataList[properties])">
                  <span *ngFor="let factor of dataList[properties];let w=index">
                    <span class="" *ngIf="w==0">
                     <span [ngStyle]="{'color':dataList[properties][2]=='0'?'green':(dataList[properties][2]=='1'?'red':'#f60')}" >{{factor}}</span>
                    </span><br>
                    <span class="td2" *ngIf="w==1">{{factor}}</span><br>
                    <span class="td3" *ngIf="w==2" title="{{factor}}"></span><br>
                  </span>
                </span>
                </td>
              </tr>
              </tbody>
            </table>
          </div>
          <page [pageParams]="{pageSize:pageSize,totalNum:totalNum,curPage:curPage,totalPage:totalPage}" (changeCurPage)="getPageData($event)"></page>
      </div>
    </div>
  </section>
</section>


